<template>
  <div>
    <van-nav-bar title="我的积分">
      <van-icon name="cross" slot="left" @click="backOne()" />
      <van-icon name="ellipsis" slot="right" />
    </van-nav-bar>
    <van-cell-group>
      <van-cell title="积分规则" icon="location-o" is-link :label="howToGetScore[0].ele1" />
      <van-cell title="邀请好友得积分" icon="location-o" is-link :label="howToGetScore[0].ele1" />
    </van-cell-group>
  </div>
</template>
<script>
export default {
  name: "userbang",
  data() {
    return {
      howToGetScore: [{ ele1: "我是张大炮" }]
    };
  },
  methods: {
    backOne() {
      this.$router.go(-1);
    }
  }
};
</script>
<style scoped>
.van-nav-bar {
  text-align: left;
  background: rgba(242, 242, 242, 1);
}
.van-nav-bar__left .van-nav-bar__text {
  color: black;
  font-size: 3rem;
}
.van-nav-bar__title {
  max-width: 70%;
}
.van-icon,
.van-icon::before {
  font-size: 20px;
  color: black;
}
.van-icon-arrow:before {
  font-size: 1.5rem;
  color: rgba(210, 210, 210, 1);
}
.van-cell {
  padding: 20px 16px;
}
.van-cell__left-icon {
  font-size: 0.5rem;
}
.van-cell__title {
  font-family: PingFang SC;
  font-size: 1rem;
}
</style>
